<template>
  <div class="search-record">
    <a class="btn btn-sm btn-primary" v-link="{ path: '/' }">返回用户列表</a>
    <table class="table table-bordered table-hover">
      <caption>用户交易记录</caption>
      <thead>
          <tr>
            <th class="col-sm-4">日期</th>
            <th class="col-sm-4">类型</th>
            <th class="col-sm-4">值</th>
          </tr>
      </thead>
      <tbody>
        <tr v-for="item in list">
          <td>{{item.createTime}}</td>
          <td>{{item.event | moneyEventType}}</td>
          <td>{{item.gold}}</td>
        </tr>
      </tbody>
    </table>
    <vue-pages :pages.sync="pages" :get-list="search"></vue-pages>
  </div>
</template>
<style src="./record.css" scoped></style>
<script src="./record.js"></script>
